     <form id="form66" name="form66" >
      <ul>
		<div class="clearall"></div>
		<li id="foli1" class="complex">
			<div style=" background-color:#FFF; border:2px solid #749abe; padding:5px;">
				<div style="background:#F3F3F3; height:20px; padding:5px; width:650px;">
					<div style="font-size:14px; font-weight:bold; float:left; ">subject: <span style="color:#666; padding-left:20px" id="subject"> </span></div>
					<div style=" width:100px; font-size:12px; font-weight:bold; float:right;"><?php echo date("Y-m-d h:i:s");?></div>
				</div>
 <label class="desc" id="title1" for="Field1" style="margin-top:5px; width:300px; float:left;" >To: <span style="color:#666; padding-left:20px" id="email"> </span>
</label>
<label class="desc" id="title1" for="Field1" style="margin-top:5px; width:600px; float:left;">Message Intensity<span style=" padding:0 20px; margin-right:20px; color:#999" id="intensity"></span>
  Emotion Type&nbsp;<img src="/images/<?php echo $ctx->result['intensity']; ?>">&nbsp;</img>
  </label>
<div class="clear"></div>
<label>
<span id="message"></span></label>
</div>
<div class="clear"></div>
<div class="clearall"></div>
</li>
</ul>
</form>
    <script>

var subject=window.opener.document.getElementById('subject').value;
//var email=window.opener.document.getElementById('email').value;
var intensity=window.opener.document.getElementById('intensity').value;
var color_id=window.opener.document.getElementById('color_id').value;
//alert(color_id);
var message=window.opener.document.getElementById('message').value;
document.getElementById('subject').innerHTML = subject;
document.getElementById('email').innerHTML = '<span style="color:#666; padding-left:20px">'+email+'</span>';
document.getElementById('intensity').innerHTML = '<span style="color:#666; padding-left:20px">'+intensity+'</span>';

document.getElementById('message').innerHTML ='<p style=" font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; margin-top:15px;">'+message+'</p>';

</script>

